<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=YC2019-Z&nickName=2019流年运程-支付页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>2020年运势</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/common.css"/>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>

    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <style>
        .bzjp_zf_container{padding:0.1rem 0.1rem 1.2rem;background:#cb2316;}
       .bzjp_zf_top{
           background:url('__PUBLIC__/images/lnyc2019_img/zfy_banner.png') no-repeat;
           background-size:100% 100%;
           margin-bottom: 0.2rem;
           position: relative;
       }
       .head_img{
           width:2.84rem;
           height:4.7rem;
           background:url('__PUBLIC__/images/lnyc2019_img/zfy_dashi.png') no-repeat;
           background-size:100% 100%;
           position: absolute;
           right:0.3rem;
           top:0.3rem;
       }
       .redColor{color:#f73232;font-size:0.32rem;}
       .bzjp_zf_content{
           width:50%;
           padding-top:0.5rem;
           margin-left:0.4rem;
       }
       .bzjp_color{color:#f73232;}
       .bzjp_zf_content p{font-size:0.26rem;color:#333333;}
       .bzjp_zf_content p:nth-child(3){font-size:0.24rem;color:#333333;padding-top:0.14rem;padding-bottom: 0.2rem;text-align: center;}
       .ljck_btn{
           background-color:#f73232;
           font-size:0.36rem;
           color:#ffffff;
           text-align: center;
           border-radius: 0.7rem;
           height:0.8rem;
           line-height: 0.8rem;
           width:80%;
           box-shadow: 0 0.06rem 0 #c21717;
           -webkit-box-shadow: 0 0.06rem 0 #c21717;
           -ms-box-shadow: 0 0.06rem 0 #c21717;
            background:linear-gradient(#f73232,rgb(240, 111, 111));
            background:-webkit-linear-gradient(#f73232,rgb(240, 111, 111));
            background:-ms-linear-gradient(#f73232,rgb(240, 111, 111));
           margin:0 auto;
           /* animation: moob 1s infinite ease-in-out;
           -webkit-animation: moob 1s infinite ease-in-out;
           -ms-animation: moob 1s infinite ease-in-out; */
        }
        @keyframes moob{
            0%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
            50%{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
            100%{transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
        }
        .bzjp_zf_time{font-size:0.24rem;color:#333333;padding:0.2rem 0;text-align: center;}
        .bzjp_zf_center{background-color:#ffffff;padding:0.2rem;}
        .bzjp_zf_center_bg{
            background:url('__PUBLIC__/images/bzjp_img/img_mohu.png') no-repeat;
            background-size:100% 100%;
            box-sizing: content-box;
            background-color:#ffffff;
            min-height:8.84rem;
            color:#333333;
            text-align: center;
            position: relative;
        }
        .bzjp_zf_center_title{padding-top:0.2rem;font-size:0.38rem;}
        .bzjp_zf_center_lineNum{font-size:0.27rem;padding-top:0.3rem;padding-bottom: 0.4rem;}
        .bzjp_zf_center_bg .zf_line{width:85%;margin:0 auto;font-size:0.27rem;text-align: left;margin-bottom: 0.1rem;line-height: 0.5rem;}
        .bzjp_zf_center_bg .J_btn{width:75%;margin:0.4rem auto 0;}
        .zengs{margin-top:0.3rem;}
        .bzjp_zf_center_bg .J_btn img{vertical-align: middle;}
        .bzjp_zf_center_foot{font-size:0.28rem;color:#000000;position: absolute;width:100%;bottom:0.3rem;}


        .bzjp_zf_fiexd_btn{
            position: fixed;
            bottom: 0;
            left:0;
            width: 100%;
            z-index: 33;    
        }
        .btn_bg{
            background:url('__PUBLIC__/images/bzjp_img/pngimg_btn_xuanfu.png') no-repeat;
            background-size:100% 100%;
            height:1rem;
            width:7.3rem;
            margin:0 auto;
        }
        .imgBox{
            margin:0.2rem 0;
            font-size: 0;
            position: relative;
        }
        .imgBox img{
            width:100%;
            height:6.32rem;
        }
        .title_name{
            font-family: Arial, Helvetica, sans-serif;
            font-size:0.57rem;
            position: absolute;
            width:100%;
            text-align: center;
            top:0.25rem;
            background: linear-gradient(top,#d40a06, #4f0000);
            background:-webkit-linear-gradient(top,#d40a06, #4f0000);
            font-weight:bold;
            -webkit-background-clip: text;
            color: transparent;
        }
        .order_wrap_box{
            position: relative;
            width:100%;
            height:14.41rem;
            background: url('__PUBLIC__/images/lnyc2019_img/zfy_fufei.png') 0% 0% / 100% 100% no-repeat;
        }
        .order_btn{
            width:1.28rem;
            height:1.28rem;
            background:url('__PUBLIC__/images/lnyc2019_img/zfy_kaiqi.png') 0% 0% / 100% 100% no-repeat;
            position: absolute;
            right:0.26rem;
        }
        .order_btn:nth-child(1){top:2.14rem;}
        .order_btn:nth-child(2){top:4.64rem;} 
        .order_btn:nth-child(3){top:7.14rem;}
        .order_btn:nth-child(4){top:9.8rem;}
        .order_btn:nth-child(5){top:12.14rem;}


    </style>
    <style>
    
            .vivo-wrap {
                    display: flex;
                    flex-flow: column nowrap;
                    align-items: center;
                }
        
                .img.img1 {
                    width: 100%;
                    height: 7.07rem;
                    background: url('__PUBLIC__/images/vivo/lucky/z/dingbu.png') no-repeat center center;
                    background-size: 100%;
                }
        
                .img.img2 {
                    width: 100%;
                    height: 3.64rem;
                    background: url('__PUBLIC__/images/vivo/lucky/z/zhongjian.png') no-repeat center center;
                    background-size: 100%;
                    padding: .4rem .5rem 0;
                    box-sizing: border-box;
                }
        
                .img.img3 {
                    width: 100%;
                    height: 6.3rem;
                    background: url('__PUBLIC__/images/vivo/lucky/z/dibu.png') no-repeat center center;
                    background-size: 100%;
                }
        
        
                .img.img2 .row1{
                    display: flex;
                    height: .8rem;
                    align-items: center;
                    justify-content: space-between;
                }
                .img.img2 .row1 .op{
                    font-size: .28rem;
                    color: #000000;
                    text-decoration: line-through;
                    opacity: 0.96;
                    color: #a25a56;
                }
                .img.img2 .row1 .tt{
                    font-size: .30rem;
                    line-height: 1.05rem;
                    color: #000000;
                }
                .img.img2 .row2{
                    display: flex;
                    height: .8rem;
                    align-items: center;
                    justify-content: space-between;
                    margin: .1rem 0;
                }
                .img.img2 .row2 .ttt{
                    width: 1.8rem;
            height: .5rem;
            background-color: #FD5757;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .36rem;
            margin-right: 0.2rem;
                }
                .img.img2 .row2 .np{
            font-size: .34rem;
            font-weight: bold;
            line-height: 1.05rem;
            color: #000000;
            margin-right: auto;
                }
                .img.img2 .row2 .td{
            font-size: .32rem;
            line-height: 1.05rem;
        
            color: #ff2400;
                }
                .ljck_btn {
                    width: 4rem;
            height: .92rem;
        
                    background-image: linear-gradient(0deg,
                            #e61e26 0%,
                            #ea585e 100%);
                    box-shadow: 0px .13rem .21rem 0px rgba(230, 30, 38, 0.5);
                    border-radius: .46rem;
                    font-size: .37rem;
                    color: #fff;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin: 0 auto;
                }
        
            </style>
</head>
<body>
        <div class="vivo-wrap">
                <div class="img img1"></div>
                <div class="img img2">
                    <div class="row1">
                        <div class="op">原价：48元</div>
                        <div class="tt">距离优惠结束</div>
                    </div>
                    <div class="row2">
                        <div class="ttt">限时优惠</div>
                        <div class="np">￥<!--{$Think.cookie.price}-->元</div>
                        <div class="td" id="timestr">01:59:59</div>
                    </div>
                    <div class="ljck_btn J_payShow J_btn">立即查看</div>
                </div>
                <div class="img img3"></div>
            </div>
    
    <!-- 支付弹窗 -->
    <div class="public_pay_popup" id="publicPayPopup" style="display: none;">
        <div class="public_pp_box">
            <div class="public_pp_close" id="publicPPClose">X</div>
            <div class="public_pp_tit">解锁查看所有测算结果</div>
            <div class="public_pp_price">
                <span>统一鉴定价：</span><strong>￥<!--{$Think.cookie.price}-->元</strong>
            </div>
            <div class="public_pay_box">
                <!--<div id="qrcode"></div>-->
                <!--<a href="&lt;!&ndash;{:U('Bzjp/jieguoye','',false)}&ndash;&gt;" class="zf weixin"><img src="__PUBLIC__/images/public/wxzf.png" alt="微信支付"/>测试直接看结果</a>-->

                <!-- 支付弹窗 -->
                <include file="Public/zhifu_Popup" />

            </div>
        </div>
    </div>
    <include file="Public/qudao135zhifu"/>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script>
        // H5支付事件
        var ispress = true;
        function payMoney(payType){
            if(ispress){
                ispress = false;
                layer.load();
                if(payType == "wx"){
                    layer.closeAll('loading');
                    window.location.href="<!--{:U('Lnyc2019/paywx','',false)}-->";
                }else if(payType == "zfb"){
                    layer.closeAll('loading');
                    window.location.href = "<!--{:U('Lnyc2019/pay','',false)}-->"
                }
                setTimeout(function(){
                    layer.closeAll('loading');
                },30000)
                setTimeout(function(){
                    ispress = true;
                },2000)
            }else{
                console.log('你不能重复发起支付')
            }
        }


        var ordernum="<!--{$Think.cookie.orderid}-->";
        var QTTopenid="<!--{$Think.cookie.QTTopenid}-->";
        var channel="<!--{$channel}-->";
        $('.J_payShow').on('click',function(){//悬浮付费解锁所有项
            var count=$(this).attr('data-id');
            var wxlogin='<!--{$Think.cookie.wxlogin}-->';


            if(count=='count01'){//立即查看
                $.getJSON("<!--{:U('Index/fufeiyeLjcs','',false)}-->",{csName:'YJ'},function(data){//立即查看统计
                });
            }else if(count=='count02'){
                $.getJSON("<!--{:U('Index/fufeiyeJsan','',false)}-->",{csName:'YJ'},function(data){//解锁查看统计
                });
            }else if(count=='count03'){//悬浮按钮
                $.getJSON("<!--{:U('Index/fufeiyeXfan','',false)}-->",{csName:'YJ'},function(data){//悬浮按钮统计
                });
            }

            if(channel=='qudao245'&&QTTopenid!=''){//趣头条支付
                payMoney245();exit;
            }else if(channel=='appaidou'){//爱豆支付
                aidouPay();exit;
            }
            zhifuPopup();

            if (wxlogin == 1) {
                wxzf();
            }else{
                $('#publicPayPopup').show();
            }
        })

        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').hide();
        })

        setInterval(function(){
            $.getJSON("<!--{:U('Bzjp/CountDown','',false)}-->",function(data){//回调入库
                $('#timestr').text(data);
            });
        },1000);

        var wxlogin="<!--{$wxlogin}-->";
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
            timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
            nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
            signature: '<!--{$signature}-->',// 必填，签名，见附录1
            jsApiList: [
                'checkJsApi',
                'openLocation',
                'getLocation',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'scanQRCode'
            ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });

        wx.ready(function () {
            // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
            // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
            wx.onMenuShareAppMessage({//分享朋友圈
                title: '2019年流年运势,测测你是吉星高照。', // 分享标题
                desc: '2019年猪年运势,测测你是吉星高照，还是大旺正财，亦或许是知命避凶，诸事大吉。', // 分享描述
                link: '<!--{$Think.cookie.YJwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数

                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
            });

            wx.onMenuShareTimeline({
                title: '<!--{$shareTitle}-->', // 分享标题
                desc: '专业命盘精论流年运势，一次掌握一年中整体、桃花婚姻、财运工作、健康家庭等运势的吉凶变化。点出你的八字旺弱、五行喜忌，近12个月的每月运势好坏预测，助你在婚恋、工作、事业中及时调整方向大展身手，如鱼得水。', // 分享描述
                link: '<!--{$Think.cookie.YJwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                imgUrl: 'http://www.xzcircle.com:8081/xz/images/09_.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                type: '', // 分享类型,music、video或link，不填默认为link
                dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                success: function (res) {
                    // 用户确认分享后执行的回调函数

                }
            });

            wx.error(function (res) {
                // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
            });

        });


        // 微信支付
        $('.weixinzf').click(wxzf);
        function wxzf(){
            WeixinJSBridge.invoke(
                    'getBrandWCPayRequest', {
                        "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                        "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                        "nonceStr":"<!--{$nonceStr}-->", //随机串
                        "package":"<!--{$package}-->",
                        "signType":"<!--{$signType}-->",         //微信签名方式：
                        "paySign":"<!--{$paySign}-->" //微信签名
                    },
                    function(res){
                        if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                            location.href="<!--{:U('Lnyc2019/jieguoye','',false)}-->?ordernum=<!--{$Think.cookie.orderid}-->";
                        }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                    }
            );
        }

    </script>
</body>
</html>